<template>
  <div class="lcdp_axe_main" v-show="alreadyLoad">
    <div class="lcdp_axe jxd_ins_elBaseWebPage jxd_additional JxkhtjxtjllCgJxkb hussar_0">
      <!-- 区域 -->
      <div :disabled="container_2Disabled" ref="container_2Ref" v-show="!container_2Hidden" class="container_2 jxd_ins_elContainer lay-container default">
        <!-- 图片 -->
        <el-image :src="require('@/assets/img/noData.png')" :disabled="image_3Disabled" ref="image_3Ref" v-show="!image_3Hidden" class="image_3 jxd_ins_elImage jxd-image-item default"></el-image>
        <!-- 区域 -->
        <div :disabled="container_4Disabled" ref="container_4Ref" v-show="!container_4Hidden" class="container_4 jxd_ins_elContainer lay-container default">
          <!-- 标签 -->
          <span :class="{ isFlex: !label_5Hidden }" id="JxkhtjxtjllCgJxkblabel_5" :disabled="label_5Disabled" @mouseover="selectStyle('label_5', 'JxkhtjxtjllCgJxkblabel_5')" v-show="!label_5Hidden" class="label_5 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_5tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_5Data | label_5format(label_5that) }}
              </div>
              <span class="isShear">
                <span>{{ label_5Data | label_5format(label_5that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_6Hidden }" id="JxkhtjxtjllCgJxkblabel_6" :disabled="label_6Disabled" @mouseover="selectStyle('label_6', 'JxkhtjxtjllCgJxkblabel_6')" v-show="!label_6Hidden" class="label_6 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_6tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_6Data | label_6format(label_6that) }}
              </div>
              <span class="isShear">
                <span>{{ label_6Data | label_6format(label_6that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_7Hidden }" id="JxkhtjxtjllCgJxkblabel_7" :disabled="label_7Disabled" @mouseover="selectStyle('label_7', 'JxkhtjxtjllCgJxkblabel_7')" v-show="!label_7Hidden" class="label_7 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_7tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_7Data | label_7format(label_7that) }}
              </div>
              <span class="isShear">
                <span>{{ label_7Data | label_7format(label_7that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_8Hidden }" id="JxkhtjxtjllCgJxkblabel_8" :disabled="label_8Disabled" @mouseover="selectStyle('label_8', 'JxkhtjxtjllCgJxkblabel_8')" v-show="!label_8Hidden" class="label_8 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_8tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_8Data | label_8format(label_8that) }}
              </div>
              <span class="isShear">
                <span>{{ label_8Data | label_8format(label_8that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_9Hidden }" id="JxkhtjxtjllCgJxkblabel_9" :disabled="label_9Disabled" @mouseover="selectStyle('label_9', 'JxkhtjxtjllCgJxkblabel_9')" v-show="!label_9Hidden" class="label_9 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_9tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_9Data | label_9format(label_9that) }}
              </div>
              <span class="isShear">
                <span>{{ label_9Data | label_9format(label_9that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_10Hidden }" id="JxkhtjxtjllCgJxkblabel_10" :disabled="label_10Disabled" @mouseover="selectStyle('label_10', 'JxkhtjxtjllCgJxkblabel_10')" v-show="!label_10Hidden" class="label_10 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_10tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_10Data | label_10format(label_10that) }}
              </div>
              <span class="isShear">
                <span>{{ label_10Data | label_10format(label_10that) }}</span>
              </span>
            </el-tooltip>
          </span>
        </div>
        <!-- 区域 -->
        <div :disabled="container_11Disabled" ref="container_11Ref" v-show="!container_11Hidden" class="container_11 jxd_ins_elContainer lay-container default">
          <!-- 标签 -->
          <span :class="{ isFlex: !label_14Hidden }" id="JxkhtjxtjllCgJxkblabel_14" :disabled="label_14Disabled" @mouseover="selectStyle('label_14', 'JxkhtjxtjllCgJxkblabel_14')" v-show="!label_14Hidden" class="label_14 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_14tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_14Data | label_14format(label_14that) }}
              </div>
              <span class="isShear">
                <span>{{ label_14Data | label_14format(label_14that) }}</span>
              </span>
            </el-tooltip>
          </span>
        </div>
      </div>
      <!-- 单行文本 -->
      <el-input style="display: flex" placeholder="请输入人员姓名" clearable :disabled="input_17Disabled" ref="input_17Ref" :type="input_17Type" v-show="!input_17Hidden" v-model="input_17Data" class="input_17 jxd_ins_elInput lay-input default" @change="input_17Change">
        &gt;
        <i slot="prefix" style="margin-left: 4px; height: 100%; display: flex; align-items: center" autocomplete="auto" class="input_icon input-outleft-icon el-icon-search"></i>
      </el-input>
      <!-- 按钮 -->
      <el-button tabindex="" :disabled="button_18Disabled" ref="button_18Ref" v-show="!button_18Hidden" class="button_18 jxd_ins_elButton lay-btn button_additional default">
        <i class="el-icon-search"></i>
        <span>搜索</span>
      </el-button>
      <!-- 区域 -->
      <div :disabled="container_19Disabled" ref="container_19Ref" v-show="!container_19Hidden" class="container_19 jxd_ins_elContainer lay-container default">
        <!-- 区域 -->
        <div :disabled="container_20Disabled" ref="container_20Ref" v-show="!container_20Hidden" class="container_20 jxd_ins_elContainer lay-container default">
          <!-- 标签 -->
          <span :class="{ isFlex: !label_21Hidden }" id="JxkhtjxtjllCgJxkblabel_21" :disabled="label_21Disabled" @mouseover="selectStyle('label_21', 'JxkhtjxtjllCgJxkblabel_21')" v-show="!label_21Hidden" class="label_21 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_21tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_21Data | label_21format(label_21that) }}
              </div>
              <span class="isShear">
                <span>{{ label_21Data | label_21format(label_21that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 按钮 -->
          <el-button tabindex="" :disabled="button_23Disabled" ref="button_23Ref" v-show="!button_23Hidden" class="button_23 jxd_ins_elButton lay-btn button_additional default" @click="button_23Click">
            <i class=""></i>
            <span>导出结果</span>
          </el-button>
        </div>
        <!-- 数据表格 -->
        <div v-show="!table_25Hidden" class="table_25 jxd_ins_hTableV1 lay-table default" @needOperation1="table_25NeedOperation1">
          <h-table-v1 :key="table_25Refresh" theme-name="default" :props="table_25PropsData" :inner-styles="table_25InnerStyles" v-loading="table_25TableLoading" :isPagination="true" @selection-change="table_25SelectRow" ref="table_25TableRef" :cell-style="table_25CellStyle" @sort-change="table_25SortChange" @needOperation1="table_25NeedOperation1" :disabled="table_25Disabled" :data="table_25Data" :listQuery="table_25ListQuery">
            <el-table-column prop="personName" label="姓名" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
              <template slot-scope="scope">
                {{ scope.row.personName }}
              </template>
            </el-table-column>
            <el-table-column prop="groupName" label="所属小组" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
              <template slot-scope="scope">
                {{ scope.row.groupName }}
              </template>
            </el-table-column>
            <el-table-column prop="personWorkTime" label="得分" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
              <template slot-scope="scope">
                {{ scope.row.personWorkTime }}
              </template>
            </el-table-column>
            <el-table-column prop="jd" label="季度" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
              <template slot-scope="scope">
                {{ scope.row.jd }}
              </template>
            </el-table-column>
          </h-table-v1>
          <div class="page">
            <el-pagination background @size-change="table_25HandleSizeChange" @current-change="table_25HandleCurrentChange" :page-size="table_25ListQuery.size" :key="table_25UpdateKey" :layout="table_25Layout" :total="table_25TableTotal" :current-page.sync="table_25ListQuery.current"></el-pagination>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import * as HussarRouter from '@/utils/HussarRouter';
import * as _ from 'lodash';
import * as dfkb from '#/api/jxkhtjxtjll/dfkb';
import * as flowAuth from '@/api/bpm/flowAuth';
import * as xqb from '#/api/jxkhtjxtjll/xqb';
import { PREFIX } from '#/prefixCommon';
import { excelDownloadForArea } from '@/pages/index/utils/lowcode/tableRelevantUtil';
import { formatSelectStyle } from '@/pages/index/utils/lowcode/formatUtil';
import { getQueryConditionsResult } from '@/pages/index/utils/lowcode/queryConditionUtils';
import { saveAs } from 'file-saver';
import { v1 as uuid } from 'uuid';
/* @begin definitions # 页面局部定义 */
/* @end definitions */
export default {
  name: 'JxkhtjxtjllCgJxkb',
  components: {
    /* @begin components # 自定义组件 */
    /* @end components */
  },
  props: {
    /* @begin props # 自定义 */
    /* @end props */
  },
  data() {
    return {
      alreadyLoad: false, // 页面的alreadyLoad属性
      button_18Disabled: false, // 按钮的禁用属性
      button_18Hidden: false, // 按钮的隐藏属性
      button_23Disabled: false, // 按钮的禁用属性
      button_23Hidden: false, // 按钮的隐藏属性
      chargeName: '',
      container_2Disabled: false, // 区域的禁用属性
      container_2Hidden: false, // 区域的隐藏属性
      container_4Disabled: false, // 区域的禁用属性
      container_4Hidden: false, // 区域的隐藏属性
      container_11Disabled: false, // 区域的禁用属性
      container_11Hidden: false, // 区域的隐藏属性
      container_19Disabled: false, // 区域的禁用属性
      container_19Hidden: false, // 区域的隐藏属性
      container_20Disabled: false, // 区域的禁用属性
      container_20Hidden: false, // 区域的隐藏属性
      form_28FormCheck: {}, // 表单验证属性
      form_28FormData: {}, // 需求表的data变量
      httpApi_el_image: process.env.VUE_APP_HUSSAR_DEFAULT_API,
      baseurl: process.env.VUE_APP_URL_PREFIX,
      image_3Disabled: false, // 图片的禁用属性
      image_3Hidden: false, // 图片的隐藏属性
      input_17Data: '', // 单行文本的value变量
      input_17Disabled: false, // 单行文本的禁用属性
      input_17Hidden: false, // 单行文本的隐藏属性
      input_17Type: 'text', // 单行文本的type属性
      isFirstCreate: true, // 页面的isFirstCreate属性
      label_5Data: '当前小组', // 标签的value变量
      label_5Disabled: false, // 标签的禁用属性
      label_5Hidden: false, // 标签的隐藏属性
      label_5that: this,
      label_5tooltip: false,
      label_6Data: '小组名称1', // 标签的value变量
      label_6Disabled: false, // 标签的禁用属性
      label_6Hidden: false, // 标签的隐藏属性
      label_6that: this,
      label_6tooltip: false,
      label_7Data: '小组组长', // 标签的value变量
      label_7Disabled: false, // 标签的禁用属性
      label_7Hidden: false, // 标签的隐藏属性
      label_7that: this,
      label_7tooltip: false,
      label_8Data: '组长一号', // 标签的value变量
      label_8Disabled: false, // 标签的禁用属性
      label_8Hidden: false, // 标签的隐藏属性
      label_8that: this,
      label_8tooltip: false,
      label_9Data: '小组人数', // 标签的value变量
      label_9Disabled: false, // 标签的禁用属性
      label_9Hidden: false, // 标签的隐藏属性
      label_9that: this,
      label_9tooltip: false,
      label_10Data: '3人', // 标签的value变量
      label_10Disabled: false, // 标签的禁用属性
      label_10Hidden: false, // 标签的隐藏属性
      label_10that: this,
      label_10tooltip: false,
      label_14Data: '绩效得分看板', // 标签的value变量
      label_14Disabled: false, // 标签的禁用属性
      label_14Hidden: false, // 标签的隐藏属性
      label_14that: this,
      label_14tooltip: false,
      label_21Data: '得分情况', // 标签的value变量
      label_21Disabled: false, // 标签的禁用属性
      label_21Hidden: false, // 标签的隐藏属性
      label_21that: this,
      label_21tooltip: false,
      table_25Data: [], // 数据表格的value变量
      table_25Disabled: false, // 数据表格的禁用属性
      table_25Hidden: false,
      table_25Layout: 'total,prev,pager,next',
      table_25CurrentPage: 1,
      table_25UpdateKey: 0,
      table_25TableLoading: false,
      table_25Refresh: 0,
      table_25ListQuery: {
        current: 1,
        size: 10,
      }, // 数据表格的pagination变量
      table_25PropsData: {
        needOperation: true,
        needOperations: [
          {
            borderColor: 'transparent',
            color: '#2794F8',
            bg: 'transparent',
            auth: '',
            iconClassName: '',
            label: '详情',
            isOpen: true,
            changedField: 'label',
            background: '#fff',
            customAttrFiled: '',
            eventName: 'needOperation1',
            id: '5e35fee0-a8a2-11ef-9a17-7586ae579ecf',
            isEvent: true,
          },
        ],
        needOperationWidth: 180,
        needOperationFixed: true,
        showSelection: true,
        showToolbar: false,
        showCustomList: false,
      },
      table_25InnerStyles: {},
      table_25ReturnData: [], // 表格动作返回值
      table_25TableDataChecked: [], // 数据表格的data变量
      table_25TableTotal: 0, // 数据表格的total变量
      /* @begin data # 自定义数据属性 */
      /* @end data */
    };
  },
  computed: {
    /* @begin computed # 自定义计算属性 */
    /* @end computed */
  },
  watch: {
    /* @begin watch # 自定义侦听器 */
    /* @end watch */
  },
  methods: {
    /**
     * 按钮的点击事件
     */
    async button_23Click() {
      const self = this;
      // 数据表格导出
      const tableData = ['姓名', '所属小组', '得分', '季度'];
      const tableField = ['personName', 'groupName', 'personWorkTime', 'jd'];
      const columns = [];
      for (let i = 0; i < tableData.length; i++) {
        const excelCol = {};
        // excelCol.header = tableData[0][i];
        excelCol.key = tableField[i];
        excelCol.width = 30;
        columns.push(excelCol);
      }
      const Excel = require('exceljs');
      const workbook = new Excel.Workbook();
      const worksheet = workbook.addWorksheet('sheet1');
      const fileName = 'data.xlsx';
      workbook.created = new Date();
      workbook.modified = new Date();
      worksheet.columns = columns;
      worksheet.insertRows(1, self.table_25Data);
      const colArray = [];
      const tableHead = [];
      let level = 1;
      // eslint-disable-next-line
      let maxLevel = 1;
      tableHead.push({
        title: '姓名',
        id: '960f3b30-c37e-4605-91c9-9f0b06319558',
        horizontal: 'center',
        colspan: 1,
        rowspan: 1,
        level: level,
      });
      const personNameIndex = tableField.indexOf('personName');
      const personNameLetter = excelDownloadForArea(personNameIndex);
      colArray.push({
        letter: personNameLetter,
        horizontal: 'center',
        dataType: 'string',
        length: 0,
      });
      tableHead.push({
        title: '所属小组',
        id: '1edbd685-375f-4143-9c0e-5ad872f2b986',
        horizontal: 'center',
        colspan: 1,
        rowspan: 1,
        level: level,
      });
      const groupNameIndex = tableField.indexOf('groupName');
      const groupNameLetter = excelDownloadForArea(groupNameIndex);
      colArray.push({
        letter: groupNameLetter,
        horizontal: 'center',
        dataType: 'string',
        length: 0,
      });
      tableHead.push({
        title: '得分',
        id: 'a6fc47b0-49cd-4fa5-8ad1-677cf6b0e7bf',
        horizontal: 'center',
        colspan: 1,
        rowspan: 1,
        level: level,
      });
      const personWorkTimeIndex = tableField.indexOf('personWorkTime');
      const personWorkTimeLetter = excelDownloadForArea(personWorkTimeIndex);
      colArray.push({
        letter: personWorkTimeLetter,
        horizontal: 'center',
        dataType: 'string',
        length: 0,
      });
      tableHead.push({
        title: '季度',
        id: '05ef96c7-e8ff-475a-a018-ef1da8653997',
        horizontal: 'center',
        colspan: 1,
        rowspan: 1,
        level: level,
      });
      const jdIndex = tableField.indexOf('jd');
      const jdLetter = excelDownloadForArea(jdIndex);
      colArray.push({
        letter: jdLetter,
        horizontal: 'center',
        dataType: 'string',
        length: 0,
      });
      --level;
      for (let i = 0; i < tableHead.length; i++) {
        if (tableHead[i].rowspan + tableHead[i].level - 1 > maxLevel) {
          tableHead[i].rowspan = maxLevel - tableHead[i].level + 1;
        }
      }
      const excelCell = [];
      const rows = [];
      for (let i = 0; i < tableField.length; i++) {
        for (let j = 0; j < maxLevel; j++) {
          const cell = { xAxis: i, yAxis: j, isEdit: false };
          excelCell.push(cell);
        }
      }
      for (let i = 0; i < maxLevel; i++) {
        let x = 0;
        const row = [];
        for (let j = 0; j < tableHead.length; j++) {
          const index = excelCell.findIndex(function (value, index, arr) {
            return value.isEdit === false && value.yAxis === i;
          });
          if (index !== -1) {
            x = excelCell.find(function (value, index, arr) {
              return value.isEdit === false && value.yAxis === i;
            }).xAxis;
          }
          if (tableHead[j].level - 1 === i) {
            const startArea = excelDownloadForArea(x) + (1 + i);
            const endArea = excelDownloadForArea(x + tableHead[j].colspan - 1) + (tableHead[j].rowspan + i);
            for (let k = x; k < x + tableHead[j].colspan; k++) {
              for (let m = i; m < tableHead[j].rowspan + i; m++) {
                excelCell.find(function (value, index, arr) {
                  return value.xAxis === k && value.yAxis === m;
                }).isEdit = true;
              }
            }
            while (row.length < x) {
              row.push('');
            }
            row[x] = tableHead[j].title;
            tableHead[j].merge = startArea + ':' + endArea;
          }
        }
        rows.push(row);
      }
      worksheet.insertRows(1, rows);
      for (let j = 0; j < tableHead.length; j++) {
        worksheet.mergeCells(tableHead[j].merge);
        worksheet.getCell(tableHead[j].merge.split(':')[0]).alignment = {
          vertical: 'middle',
          horizontal: tableHead[j].horizontal,
        };
      }
      for (let i = 0; i < colArray.length; i++) {
        for (let j = maxLevel + 1; j < 1000; j++) {
          worksheet.getCell(colArray[i].letter + j).alignment = { horizontal: colArray[i].horizontal };
          if (colArray[i].dataType === 'date') {
            const cell = worksheet.getCell(colArray[i].letter + j);
            cell.value = cell.value !== null ? cell.value.substr(0, colArray[i].length) : null;
          }
        }
      }
      workbook.xlsx.writeBuffer().then(function (buffer) {
        saveAs(
          new Blob([buffer], {
            type: 'application/octet-stream',
          }),
          fileName
        );
      });
    },
    dealIsParentRowspan(tableCols, arr) {
      const self = this;
      for (const i in tableCols) {
        const parentIdArray = tableCols[i];
        if (parentIdArray.children) {
          arr.push(parentIdArray.id);
          self.dealIsParentRowspan(parentIdArray.children, arr);
        }
      }
      return arr;
    },
    /**
     * 表单加载
     */
    form_28FormLoad(callback, formId) {
      const self = this;
      // 路由id
      const routerId = formId || HussarRouter.query(self, 'businessId');
      const data = {
        id: routerId,
      };
      if (self.form_28FormDataOLD !== undefined) {
        self.form_28FormDataOLD = _.cloneDeep(self.form_28FormData);
      }
      if (routerId && routerId !== '') {
        let convert = [];
        xqb
          .formQuery(data)
          .then(async (res) => {
            if ((res.code === 200 || res.code === 10000) && res.data) {
              convert = res.data;
              self.form_28FormData = convert;
              if (self.form_28FormDataOLD !== undefined) {
                self.form_28FormDataOLD = _.cloneDeep(self.form_28FormData);
              }
              if (callback && typeof callback === 'function') {
                callback();
              }
            } else {
              HussarRouter.showMsg(self, '表单数据请求失败', 'error');
            }
          })
          .catch(function () {
            HussarRouter.showMsg(self, '表单数据请求异常', 'error');
          });
      } else {
        if (callback && typeof callback === 'function') {
          callback();
        }
      }
    },
    /**
     * 页面激活事件
     */
    hussar_0Activated() {
      const self = this;
      // 数据表格查询
      self.$nextTick(() => {
        self.table_25CurrentPage = 1;
        if (self.table_25ListQuery) {
          self.table_25ListQuery.current = 1;
        }
      });
      self.$nextTick(() => {
        self.table_25TableLoad(() => {
          // 表单查询
          self.form_28FormLoad(() => {
            // 此处生成了空方法体
          });
        });
      });
    },
    /**
     * 页面加载完成事件
     */
    hussar_0Onload() {
      const self = this;
      // 数据表格查询
      self.$nextTick(() => {
        self.table_25CurrentPage = 1;
        if (self.table_25ListQuery) {
          self.table_25ListQuery.current = 1;
        }
      });
      self.$nextTick(() => {
        self.table_25TableLoad(() => {
          // 表单查询
          self.form_28FormLoad(() => {
            // 此处生成了空方法体
          });
        });
      });
    },
    /**
     * 页面状态方法
     */
    hussar_0PageAllStateMe() {
      const self = this;
      if (self.hussar_0PageCommonStateMe) {
        self.hussar_0PageCommonStateMe();
      }
      if (self.hussar_0BpmStateHandler) {
        self.hussar_0BpmStateHandler();
      }
    },
    /**
     * 工作流表单权限方法
     */
    hussar_0PageRenderAllState(callBack) {
      const self = this;
      const failButContinue = true;
      flowAuth
        .getOnlineConfig()
        .then((res) => {
          if (res && res.msg === 'true') {
            // 权限查询条件
            if (self.$options.name && HussarRouter.query(self, 'processDefinitionKey')) {
              const condition = {
                formName: self.$options.name,
                taskId: HussarRouter.query(self, 'taskId'),
                processKey: HussarRouter.query(self, 'processDefinitionKey'),
                formType: HussarRouter.query(self, 'doneListIdentification'),
                taskDefinitionKey: HussarRouter.query(self, 'taskDefinitionKey'),
              };
              if (HussarRouter.query(self, 'doneListIdentification') === 3) {
                // 此处生成了空方法体
              }
              // 获取该工作流相应的表单权限配置
              if (flowAuth.getAllAuthConfigs) {
                flowAuth.getAllAuthConfigs(condition).then((res) => {
                  if (res && res.data && res.data.length > 0) {
                    // 循环权限配置，查到符合当前流程节点的权限
                    res.data.forEach((auth) => {
                      if (auth.taskDefinitionKey === HussarRouter.query(self, 'taskDefinitionKey')) {
                        // 获取禁用组件
                        if (auth.insDisabled) {
                          const insDisabled = JSON.parse(auth.insDisabled);
                          if (insDisabled && insDisabled.length > 0) {
                            insDisabled.forEach((ins) => {
                              const curIns = `${ins}Disabled`;
                              self[curIns] = true;
                            });
                          }
                        }
                        // 获取隐藏组件
                        if (auth.insHidden) {
                          const insHidden = JSON.parse(auth.insHidden);
                          if (insHidden && insHidden.length > 0) {
                            insHidden.forEach((ins) => {
                              const curIns = `${ins}Hidden`;
                              self[curIns] = true;
                            });
                          }
                        }
                        // 获取无需校验组件
                        if (auth.insNotCheck) {
                          const insNotCheck = JSON.parse(auth.insNotCheck);
                          if (insNotCheck && insNotCheck.length > 0) {
                            const formCheckParam = JSON.parse(auth.formCheckParam);
                            insNotCheck.forEach((ins) => {
                              if (formCheckParam[ins] && formCheckParam[ins].formKey) {
                                const formCheckData = `${formCheckParam[ins].formKey}FormCheck`;
                                if (formCheckParam[ins].field && self[formCheckData]) {
                                  self[formCheckData][formCheckParam[ins].field] = false;
                                }
                              }
                            });
                          }
                        }
                        // 获取隐藏插槽
                        if (auth.slotHidden) {
                          const colSlotHidden = JSON.parse(auth.slotHidden);
                          if (colSlotHidden && Object.keys(colSlotHidden).length > 0) {
                            const slotHiddenParam = `${Object.keys(colSlotHidden)}SlotHidden`;
                            self[slotHiddenParam] = Object.values(colSlotHidden);
                          }
                        }
                      }
                    });
                  }
                  self.alreadyLoad = true;
                });
              }
            } else {
              // 当前页面不是工作流表单
              self.alreadyLoad = true;
            }
          } else {
            self.alreadyLoad = true;
            if (callBack && typeof callBack === 'function') {
              callBack();
            }
          }
        })
        .catch(() => {
          self.$message.error('数据请求异常');
        });
    },
    /**
     * 单行文本的值改变
     */
    input_17Change() {
      const self = this;
      if (self.input_17Disabled && self.input_17Disabled === true) {
        // eslint-disable-next-line
        return;
      }
      // 数据表格查询
      self.$nextTick(() => {
        self.table_25CurrentPage = 1;
        if (self.table_25ListQuery) {
          self.table_25ListQuery.current = 1;
        }
      });
      self.$nextTick(() => {
        self.table_25TableLoad(() => {
          // 此处生成了空方法体
        });
      });
    },
    selectStyle(key, insId) {
      const self = this;
      formatSelectStyle(key, self, insId);
    },
    /**
     * 数据表格的表格单元格样式方法
     */
    table_25CellStyle(row) {
      const self = this;
      if (row.column.property === 'personName') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'groupName') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'personWorkTime') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'jd') {
        return 'background: null;border-color: null;color: null;';
      }
    },
    table_25ExcelDownloadForArea(colIndex) {
      const self = this;
      const ordA = 'A'.charCodeAt(0);
      const ordZ = 'Z'.charCodeAt(0);
      const len = ordZ - ordA + 1;
      let str = '';
      while (colIndex >= 0) {
        str = String.fromCharCode((colIndex % len) + ordA) + str;
        colIndex = Math.floor(colIndex / len) - 1;
      }
      return str;
    },
    table_25ExcelExportForArea(colIndex) {
      const self = this;
      const ordA = 'A'.charCodeAt(0);
      const ordZ = 'Z'.charCodeAt(0);
      const len = ordZ - ordA + 1;
      let str = '';
      while (colIndex >= 0) {
        str = String.fromCharCode((colIndex % len) + ordA) + str;
        colIndex = Math.floor(colIndex / len) - 1;
      }
      return str;
    },
    /**
     * 数据表格的获取筛选参数方法
     */
    table_25GetQueryConditions(params) {
      const self = this;
      const queryConditionsFields = [
        {
          name: 'personName',
          symbol: 'full_like',
          queryAttrName: 'dfkbpersonNameFullLike',
          match: 'and',
        },
      ];
      return getQueryConditionsResult({
        queryConditionsFields,
        params,
        filterConfig: self.table_25PropsData.filterConfig,
      });
    },
    /**
     * 数据表格的处理当前更改方法
     */
    table_25HandleCurrentChange(currentPage) {
      const self = this;
      self.table_25ListQuery.current = currentPage;
      const { orders } = self.table_25ListQuery;
      if (orders && orders.length > 0) {
        self.table_25TableLoadByOrderDy();
      } else {
        self.table_25TableLoad();
      }
    },
    /**
     * 数据表格的处理大小更改方法
     */
    table_25HandleSizeChange(pageSize) {
      const self = this;
      self.table_25ListQuery.size = pageSize;
      const { orders } = self.table_25ListQuery;
      if (orders && orders.length > 0) {
        self.table_25TableLoadByOrderDy();
      } else {
        self.table_25TableLoad();
      }
    },
    /**
     * 数据表格的详情
     */
    table_25NeedOperation1(data) {
      const self = this;
      // 跳转页面
      const pathObjNew = {
        path: `${PREFIX.pathName}/jxkhtjxtjll/dfxq1`,
        query: {
          personName: data.personName,
          groupName: data.groupName,
          rate: data.rate,
          totalTime: data.totalTime,
          businessId: data.businessId,
          jd: data.jd,
          processDefinitionKey: data.businessId,
          xqTitle: data.xqTitle,
          systemParams: JSON.stringify({ tablePageTitle: '', tabName: '', refresh: 2, openType: 1 }),
        },
      };
      const paramsObj = {
        openPosition: 1,
        isSaveFrom: 1,
        isClose: 0,
        isReturnFrom: 3,
        clearCache: 0,
        refresh: 2,
      };
      HussarRouter.hyperlinks(self, pathObjNew, paramsObj);
    },
    /**
     * 数据表格的选择行数据方法
     */
    table_25SelectRow(data) {
      const self = this;
      self.table_25TableDataChecked = [];
      data.forEach((item) => {
        self.table_25TableDataChecked.push(item);
      });
    },
    /**
     * 数据表格的全局排序方法
     */
    table_25SortChange(val) {
      const self = this;
      self.table_25ListQuery.orders = [];
      const isNull = val.order === null;
      if (!isNull) {
        const orders = [];
        const isAsc = val.order === 'ascending';
        let order = {};
        // order.column = self.table_25ToLine(val.prop);
        order.column = val.prop;
        order.asc = isAsc;
        orders.push(order);
        this.table_25ListQuery.orders = orders;
      }
      let columns = self.$refs.table_25TableRef.$refs.hTable.columns;
      let { order } = val;
      columns.forEach((column) => {
        column.order = null;
        if (column.property === val.prop) {
          column.order = order;
        }
      });
      self.table_25TableLoadByOrderDy();
    },
    /**
     * 数据表格的表格初始化方法
     */
    table_25TableInit() {
      const self = this;
      self.table_25TableLoad();
    },
    /**
     * 数据表格的表格加载方法
     */
    table_25TableLoad(callback) {
      const self = this;
      self.table_25TableLoading = true;
      let dfkbObj = {
        ...self.table_25ListQuery,
        dfkbpersonNameFullLike: self.input_17Data,
      };
      self.table_25UpdateKey++;
      const taskId = HussarRouter.query(self, 'taskId');
      dfkbObj.taskId = taskId;
      let importMethod = 'hussarQuerydfkbCondition_1dfkbSort_1Page';
      if (dfkbObj.orders && dfkbObj.orders.length > 0) {
        importMethod = 'hussarQuerydfkbCondition_1dfkbSort_1Page_order_custom';
      }
      dfkb[importMethod](dfkbObj)
        .then(async (res) => {
          const data = res.data;
          if ((res.code === 200 || res.code === 10000) && data) {
            let convert = [];
            data.data.forEach((item) => {
              const flowRouteParamCopy = {};
              flowRouteParamCopy.businessId = item[''] ? item[''] : '';
              flowRouteParamCopy.taskId = item.taskId ? item.taskId : '';
              flowRouteParamCopy.definitionKey = item.processDefinitionKey ? item.processDefinitionKey : '';
              flowRouteParamCopy.taskDefinitionKey = item.taskDefinitionKey ? item.taskDefinitionKey : '';
              convert.push({
                flowRouteParam: flowRouteParamCopy,
                ...item,
              });
            });
            self.table_25TableTotal = data.count || 0;
            self.table_25ReturnData = data.data;
            self.table_25Data = convert;
            self.table_25TableLoading = false;
            if (callback && typeof callback === 'function') {
              callback();
            }
          } else {
            HussarRouter.showMsg(self, '表格数据请求失败', 'error');
            self.table_25TableLoading = false;
          }
        })
        .catch(function () {
          HussarRouter.showMsg(self, '表格数据请求异常', 'error');
          self.table_25TableLoading = false;
        });
    },
    /**
     * 数据表格的表格排序加载方法
     */
    table_25TableLoadByOrderDy(callback) {
      const self = this;
      self.table_25TableLoading = true;
      let dfkbObj = {
        ...self.table_25ListQuery,
        dfkbpersonNameFullLike: self.input_17Data,
      };
      self.table_25UpdateKey++;
      const taskId = HussarRouter.query(self, 'taskId');
      dfkbObj.taskId = taskId;
      let importMethod = 'hussarQuerydfkbCondition_1dfkbSort_1Page_order_custom';
      if (dfkbObj.orders && dfkbObj.orders.length > 0) {
        importMethod = 'hussarQuerydfkbCondition_1dfkbSort_1Page_order_custom';
      }
      dfkb[importMethod](dfkbObj)
        .then(async (res) => {
          const data = res.data;
          if ((res.code === 200 || res.code === 10000) && data) {
            let convert = [];
            data.data.forEach((item) => {
              const flowRouteParamCopy = {};
              flowRouteParamCopy.businessId = item[''] ? item[''] : '';
              flowRouteParamCopy.taskId = item.taskId ? item.taskId : '';
              flowRouteParamCopy.definitionKey = item.processDefinitionKey ? item.processDefinitionKey : '';
              flowRouteParamCopy.taskDefinitionKey = item.taskDefinitionKey ? item.taskDefinitionKey : '';
              convert.push({
                flowRouteParam: flowRouteParamCopy,
                ...item,
              });
            });
            self.table_25TableTotal = data.count || 0;
            self.table_25ReturnData = data.data;
            self.table_25Data = convert;
            self.table_25TableLoading = false;
            if (callback && typeof callback === 'function') {
              callback();
            }
          } else {
            HussarRouter.showMsg(self, '表格数据请求失败', 'error');
            self.table_25TableLoading = false;
          }
        })
        .catch(function () {
          HussarRouter.showMsg(self, '表格数据请求异常', 'error');
          self.table_25TableLoading = false;
        });
    },
    /* @begin methods # 自定义方法 */
    /* @end methods */
  },
  created() {
    const self = this;
    // @begin created:before # 自定义创建钩子头部
    // @end created:before
    self.hussar_0PageRenderAllState();
    // @begin created:after # 自定义创建钩子尾部
    // @end created:after
  },
  mounted() {
    const self = this;
    // @begin mounted:before # 自定义挂载钩子头部
    // @end mounted:before
    self.hussar_0Onload();
    if (self.$compilationMetadata.strategy) {
      window.curPageSelfFresh = function () {
        if (self.hussar_0Activated) {
          self.hussar_0Activated && self.hussar_0Activated();
        }
      };
    }
    // @begin mounted:after # 自定义挂载钩子尾部
    // @end mounted:after
  },
  filters: {
    /**
     * 标签的过滤器
     */
    label_5format(value, that) {
      if (value === undefined || value === '') {
        return '当前小组';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_6format(value, that) {
      if (value === undefined || value === '') {
        return '小组名称1';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_7format(value, that) {
      if (value === undefined || value === '') {
        return '小组组长';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_8format(value, that) {
      if (value === undefined || value === '') {
        return '组长一号';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_9format(value, that) {
      if (value === undefined || value === '') {
        return '小组人数';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_10format(value, that) {
      if (value === undefined || value === '') {
        return '3人';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_14format(value, that) {
      if (value === undefined || value === '') {
        return '绩效得分看板';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_21format(value, that) {
      if (value === undefined || value === '') {
        return '得分情况';
      }
      return value;
    },
  },
  destroyed() {
    const self = this;
    // @begin destroyed:before # 自定义销毁钩子头部
    // @end destroyed:before
    // @begin destroyed:after # 自定义销毁钩子尾部
    // @end destroyed:after
  },
  activated() {
    const self = this;
    // @begin activated:before # 自定义组件激活钩子头部
    // @end activated:before
    if (!self.isFirstCreate && HussarRouter.query(self, 'refresh')) {
      self.hussar_0Activated();
    }
    if (!self.isFirstCreate && HussarRouter.query(self, 'systemParams') && JSON.parse(HussarRouter.query(self, 'systemParams')).refresh === 1) {
      self.hussar_0Activated();
    }
    self.isFirstCreate = false;
    // @begin activated:after # 自定义组件激活钩子尾部
    // @end activated:after
  },
  beforeRouteUpdate(to, from, next) {
    const self = this;
    next();
    if (to.query && to.query.systemParams && JSON.parse(to.query.systemParams).refresh === 1) {
      if (self.hussar_0Activated) {
        self.hussar_0Activated && self.hussar_0Activated();
      }
    }
  },
  deactivated() {
    const self = this;
    // @begin deactivated:before # 自定义组件失活钩子头部
    // @end deactivated:before
    self.hussar_0firstCreated = false;
    // @begin deactivated:after # 自定义组件失活钩子尾部
    // @end deactivated:after
  },
  /* @begin options # 自定义页面组件创建选项 */
  /* @end options */
};
</script>
<!-- @begin style:before # 自定义 style 代码块（较低优先级） -->
<!-- @end style:before -->
<style scoped>
/*公共，用于固定*/
.lcdp_axe_main {
  height: 100%;
  overflow: auto;
  transform: scale(1);
}
/*公共，用于设置文字提示的最大宽度*/
.el-tooltip__popper {
  max-width: 500px;
}
.JxkhtjxtjllCgJxkb.hussar_0 {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 0px - 0px);
  height: 100%;
  background: #f7f7f7;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .button_18 {
  position: absolute;
  top: 186px;
  left: 280px;
  display: block;
  width: 83px;
  background: #56a3f3;
  border-radius: 4px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .button_18 {
  margin-left: 0;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .button_18 /deep/ span i {
  font-weight: normal;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .button_23 {
  position: absolute;
  top: 20px;
  right: 0;
  display: block;
  width: 85px;
  background: #56a3f3;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .button_23 {
  margin-left: 0;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .button_23 /deep/ span i {
  font-weight: normal;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .container_2 {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  display: block;
  width: calc(100% - 20px - 20px);
  height: 146px;
  border-radius: 6px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .container_4 {
  position: absolute;
  top: 10px;
  left: 150px;
  display: block;
  width: 232px;
  height: 126px;
  background: transparent;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .container_11 {
  position: absolute;
  top: 50%;
  bottom: unset;
  left: 179px;
  display: block;
  width: 249px;
  height: 127px;
  transform: translateY(-50%);
}
.lcdp_axe.JxkhtjxtjllCgJxkb .container_19 {
  position: absolute;
  top: 236px;
  right: 20px;
  bottom: 10px;
  left: 20px;
  display: block;
  width: calc(100% - 20px - 20px);
  height: calc(100% - 236px - 10px);
  overflow-y: auto;
  border-radius: 6px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .container_20 {
  position: absolute;
  top: 10px;
  right: 18px;
  left: 18px;
  display: block;
  width: calc(100% - 18px - 18px);
  height: 70px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .form_28 {
  position: absolute;
  top: 799px;
  left: 279px;
  display: block;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .image_3 {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  display: block;
  width: 151px;
  height: calc(100% - 10px - 10px);
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 {
  position: absolute;
  top: 186px;
  left: 20px;
  display: block;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ input {
  padding: 0 20px 0 30px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__suffix {
  align-items: center;
  justify-content: flex-end;
  width: 0px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__suffix {
  display: flex;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__suffix .el-input__suffix-inner {
  flex-direction: row-reverse;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__prefix .input_icon,
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__suffix-inner .input_icon,
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input-group__prepend .input_icon,
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input-group__append .input_icon,
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-range__icon {
  color: var(--c-mouseEnterColor);
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__inner::-ms-reveal {
  display: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__clear {
  position: absolute;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__clear {
  left: -15px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__clear {
  display: flex;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__clear {
  align-items: center;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17,
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__suffix .el-input__suffix-inner {
  display: flex;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17,
.lcdp_axe.JxkhtjxtjllCgJxkb .input_17 /deep/ .el-input__suffix .el-input__suffix-inner {
  align-items: center;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_5 {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_5 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_5 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_6 {
  position: absolute;
  top: 10px;
  left: 110px;
  display: inline-flex;
  width: 105px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_6 {
  color: var(--c-checkBadColor);
  font-weight: bold;
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  letter-spacing: 0px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_6 {
  text-decoration: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_6 {
  text-align: left;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_6 {
  justify-content: flex-start;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_6 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_6 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_7 {
  position: absolute;
  top: 50px;
  left: 10px;
  display: inline-flex;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_7 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_7 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_8 {
  position: absolute;
  top: 50px;
  left: 110px;
  display: inline-flex;
  width: 105px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_8 {
  color: var(--c-checkBadColor);
  font-weight: bold;
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  letter-spacing: 0px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_8 {
  text-decoration: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_8 {
  text-align: left;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_8 {
  justify-content: flex-start;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_8 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_8 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_9 {
  position: absolute;
  top: 90px;
  left: 10px;
  display: inline-flex;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_9 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_9 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_10 {
  position: absolute;
  top: 90px;
  left: 110px;
  display: inline-flex;
  width: 105px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_10 {
  color: var(--c-checkBadColor);
  font-weight: bold;
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  letter-spacing: 0px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_10 {
  text-decoration: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_10 {
  text-align: left;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_10 {
  justify-content: flex-start;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_10 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_10 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_14 {
  position: absolute;
  top: 48px;
  left: 2px;
  display: inline-flex;
  width: 200px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_14 {
  color: #56a3f3;
  font-weight: bolder;
  font-size: 26px;
  font-family: 微软雅黑;
  font-style: normal;
  letter-spacing: 2px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_14 {
  text-decoration: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_14 {
  text-align: center;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_14 {
  justify-content: center;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_14 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_14 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_21 {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 12px;
  display: inline-flex;
  height: calc(100% - 20px - 20px);
  border-top: 0px solid;
  border-top-color: var(--c-borderColor);
  border-right: 0px solid;
  border-right-color: var(--c-borderColor);
  border-bottom: 2px solid;
  border-bottom-color: #409ffc;
  border-left: 0px solid;
  border-left-color: var(--c-borderColor);
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_21 {
  color: #409ffc;
  font-weight: normal;
  font-size: 16px;
  font-family: 微软雅黑;
  font-style: normal;
  letter-spacing: 0px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_21 {
  text-decoration: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_21 {
  text-align: justify;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_21 {
  justify-content: space-between;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_21 /deep/ .required {
  color: red;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .label_21 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 {
  position: absolute;
  top: 90px;
  right: 19px;
  bottom: 10px;
  left: 17px;
  display: block;
  width: calc(100% - 17px - 19px);
  height: calc(100% - 90px - 10px);
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ th.gutter {
  display: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ .page .el-pagination .el-select .el-input {
  width: auto;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ .page .el-pagination .el-select .el-input .el-input__inner {
  max-width: 90px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ .page .el-pagination .el-pagination__jump .el-input .el-input__inner {
  vertical-align: middle;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ .el-table__fixed::before,
.el-table__fixed-right::before {
  content: none;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ .el-table__fixed-footer-wrapper {
  bottom: -1px;
}
.lcdp_axe.JxkhtjxtjllCgJxkb .table_25 /deep/ .el-table__body tr.current-row > td {
  border-top: 1px solid transparent;
}
.jxd_hyperlinks_span {
  color: rgb(58, 142, 230);
  cursor: pointer;
}
</style>
<style></style>
<!-- @begin style:after # 自定义 style 代码块（较高优先级） -->
<!-- @end style:after -->
